<html><head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  <link rel="stylesheet" href="theme.css" type="text/css"> 
</head><body>
  <nav class="navbar navbar-expand-md navbar-light bg-faded text-center">
               <div class="container">
                  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                  </button>
                  <div class="collapse navbar-collapse text-center justify-content-center" id="navbar2SupportedContent">
                    <ul class="navbar-nav">
                      <li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>
                      <li class="nav-item"> <a class="nav-link" href="#">Features</a> </li>
                      <li class="nav-item"> <a class="nav-link" href="#">Pricing</a> </li>
                      <li class="nav-item"> <a class="nav-link" href="#">About</a> </li>
                    </ul>
                  </div>
               </div>
            </nav><div class="bg-primary text-center d-flex h-100 align-items-center">
               <div class="container">
                  <div class="row">
                     <div class="col-lg-12">
                        <h1 class="display-1 text-white">COVER</h1>
                        <p class="lead text-white">Lorem ipsum dolor sit amet, consectetur adipisici elit.</p>
                        <a href="#" class="btn btn-lg btn-secondary">Button</a>
                     </div>
                  </div>
               </div>
            </div><div class="py-5"><div class="container"><div class="row"><div class="col-md-12"><form class="">
      <div class="form-group">
        <label>Email address</label>
        <input type="email" class="form-control" placeholder="Enter email">
      </div>
      <div class="form-group">
        <label>Password</label>
        <input type="password" class="form-control" placeholder="Password">
      </div>
      <button type="submit" class="btn btn-primary">Login</button>
    </form></div></div></div></div><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
  <script src="https://pingendo.com/assets/bootstrap/bootstrap-4.0.0-alpha.6.min.js"></script>



</body></html>